<template>
 <div>
   <detail-banner></detail-banner>
   <detail-header></detail-header>
   <div class="content">
     <detail-list :list="list"></detail-list>
   </div>
 </div>
</template>

<script>
import DetailBanner from './components/Banner'
import DetailHeader from  './components/Header'
import DetailList from  './components/List'
 export default{
  name:'Detail',
  components:{
    DetailBanner,
    DetailHeader,
    DetailList
  },
  data(){
    return{
      list:[{
        title:"成人票",
        children:[{
          title:"成人五票",
          children:[{
            title:"成人联票某一"
          }]
        },{
          title:"成人四票"
        },{
          title:"成人三票"
        }]
      },
      {
        title:"儿童票"
      },
      {
        title:"学生票"
      },{
        title:"特惠票"
      }]
    }
  }
 }
</script>
<style lang="stylus" scoped>
  @import '~styles/varibles.less';
  .content
    height:20rem;
</style>

